<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>Title</title>
	</head>
	<body>
		<script src="jquery-1.12.4.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			
			//jquery:简单,粗暴
			
			//jq和js的关系
			//js是什么？	js是一门编程语言
			//jq仅仅是基于js的一个库,jq可理解为就是开发js的一个工具.
			
			//概念
			//1,为什么要学jQuery？简单,粗暴没有兼容性问题
			//2,什么是jQuery？js库,说白了就是就是/文件,里面有一大堆的方法
			//3,使用jQuery的步骤: 1,引入jQuery文件;2,入口函数  功能实现
			//4,版本: 1.X  2.x 3.x  1.x压缩版和未压缩版
			//5,入口函数:  $(document).ready(function(){})	$(function(){});
			//6,jquery对象和DOM对象
			//区别:  方法不能混用
			//联系:  DOM-->jq  $()花钱   jq-->DOM   jq[0]  get(0)
			
			//$的实质: function
			
// 			console.log($ === jQuery);
// 			$(function(){
// 				
// 			});

			//选择器
			
			//基本选择器  标签 类  id选择器 交集 并集
			
			//层级选择器  子代  后代
			
			//过滤选择器: 
			//:odd:奇数 even:偶数 :eq指定下标
			//:first  :last  :gt  : lt
			
			//筛选选择器
			//children():找儿子
			//find():找后代
			//parent();找爹
			//siblings():找兄弟,不包括自己
			//next: 下一个兄弟
			//prev: 上一个兄弟
			//eq: 指定下标
			
			//index():
			// 返回的当前元素在所有兄弟里面的索引.
		</script>
	</body>
</html>